/*
 Table styles in APMS
*/

/***** Mile Stone *****/
table.milestones {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 15px 0px;
	width: 100%;
}

table.milestones th {
	background: #E9E9E9 none repeat scroll 0% 0%;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

table.milestones td {
	padding: 3px 5px;
}

h3.dashheader {
	margin: 10px 0px 0px 0px;
}

table.calendar {
	background: #E1E0E0 none repeat scroll 0% 0%;
	margin-bottom: 2px;
	width: 100%;
}

table.calendar th {
	background: transparent none repeat scroll 0% 0%;
	/*border-bottom: 2px solid #FFFFFF;*/
	color: #666666;
	font-weight: bold;
	padding: 3px;
}

table.calendar td {
	background: #F0F0F0 none repeat scroll 0% 0%;
	color: #CCCCCC;
	vertical-align: top;
}

table.calendar td.today {
	background-color: #FFFFCC;
}

table.calendar td div.mile {
	background: #FFFFFF none repeat scroll 0% 0%;
	border: 1px solid #000000;
	color: #333333;
	font-weight: bold;
	padding: 0px;
}

table.calendar td div.mile span {
	padding-left: 5px;
}

table.calendar td div.mile ul {
	margin: 3px 0px 0px;
	padding: 5px 10px;
}

table.calendar td div.mile li {
	margin: 0px 0px 5px 0px;
	list-style-type: none;
}

/***** Overview *****/
table.overview {
	width: 100%;
	margin-bottom: 30px;
}

table.overview td {
	border: medium none;
	vertical-align: top;
	padding: 4px 3px;
}

table.overview tr.date td {
	border-bottom: medium none;
	color: #66666;
	padding-top: 15px;
	text-transform: uppercase;
}

table.overview tr.event {
	border-bottom: 1px dotted #CCCCCC;
}

table.overview h3.date {
	margin: 5px 0px;
}

table.overview h3.date span {
	background: transparent url(./images/date.png) no-repeat 0% center;
	padding: 5px 5px 5px 20px;
	color: #666666;
}

table.overview td.what {
	border: 0px none;
	padding: 4px 0px 0px 5px;
	text-align: right;
}

table.overview td.item {
	color: #000000;
	margin: 0px 0px 2px;
	padding: 6px 0px 0px 6px;
	width: 100%;
}

table.overview td.what span.list {
	color: #999999;
} 

table.overview td.action  {
	color: #999999;
	padding-top: 6px;
	text-align: right;
	white-space: nowrap;
}

table.overview td.name, table.overview td.date {
	color: #222222;
	padding-top: 6px;
	white-space: nowrap;
}

/* Color Legend */
table.overview td.what span.todo {
	background-color: #C87800;
}